<%@ Page Language="C#" MasterPageFile="~/Common/WebSiteMaster.master" AutoEventWireup="true" CodeBehind="D_SpanOrDiv.aspx.cs" Inherits="ScottCateAjax2008.Lesson05.D_SpanOrDiv" Title="Render Update Panel as Span or Div" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <asp:ScriptManager ID="SM1" runat="server" />

    <div>
        What if you wanted an update panel, right in the middle of the page.
            <asp:UpdatePanel ID="UP1" RenderMode="Inline" runat="server">
                <ContentTemplate>
                    <asp:Label ID="LabelColor" runat="server" ForeColor="White" BackColor="Red">[UpdatePanelContent]</asp:Label>
                    <asp:Button IDID="ChangeColorLink" runat="server" Text="(ChangeColor)" OnClick="ChangeUPColor" />
                </ContentTemplate>
            </asp:UpdatePanel>
        By default the update panel
        renders with a DIV tag. It can be changed with the "RenderMode" attribute set to Inline|Block
    </div>

</asp:Content>
